<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>首页</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/popup.js"></script>
    <script src="./js/request.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
<div class="bg">
    <h2>冰城饺子馆</h2>
    <div class="search">
        <i class="icon-sousuo1x iconfont"></i>
        <form action="">
            <input type="text" name="keywords" placeholder="请输入商品名称">
            <input type="submit" value="搜索">
        </form>
    </div>
    <div class="wrap">
        <div class="sidebar">
            <ul>
                <!-- <li>饺子类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li>
                <li>炒面类</li> -->
            </ul>
        </div>
        <div class="content">
            <div class="title">
                <span>饺子类</span>
                <span>已购订单<i class="iconfont icon-youjiantou"></i></span>
            </div>
            <ol>
                <!-- <li>
                    <img src="./uploads/1678345181467.png" alt="">
                    <span>￥16.00</span>
                    <input data-menuname="香菇肉馅饺" data-spec="小份15个￥16.00=====大份20个￥21.00" data-kind="干饺=====汤饺" type="button" value="选规格">
                    <b>1</b>
                </li> -->
            </ol>
        </div>
    </div>
    <!-- 隐藏，显示用flex -->
    <div class="cart">
        <div class="carticon">
            <i class="iconfont icon-gouwuche-tianchong"></i>
            <b class="cartnum">1</b>
        </div>
        <div class="price">￥16.00</div>
        <div class="settle">
            <a href="cart.html">去结算</a>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div data-url="./index.html">
            <i style="color: #0ff;" class="iconfont icon-caidan"></i>
            <span>点单</span>
        </div>
        <div data-url="./my.html">
            <i class="iconfont icon-wode"></i>
            <span>我的</span>
        </div>
    </div>
</div>
<!-- 商品详情 - 默认隐藏 -->
<div class="mask">
    <div class="detail">
        <img src="" alt="">
        <h4>商品名称</h4>
        <p>规格</p>
        <div class="spec">
            <p class="active">小份15个￥16.00</p>
            <p>大份20个￥21.00</p>
        </div>
        <div class="kind">
            <p class="active">干饺</p>
            <p>汤饺</p>
        </div>
        <div class="bottom">
            <span>总计</span>
            <span>￥16.00</span>
            <span class="addcart">+加入购物车</span>
        </div>
        <span class="iconfont icon-guanbi close"></span>
    </div>
</div>
</body>
<script>
// 获取到用户名和令牌

</script>
</html>